/* pc */

@media screen and (min-width:768px) {
   .select-item-wrapper:not(:nth-child(n+4)):after {
        content: '';
        position: absolute;
        height: 50%;
        width: 1px;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-color: #afafaf;
    }
    .float-right-in-pc {
        float: right;
    }
    .menu-item-content {
        border-left: 3px solid #fc4260;
        border-right-style: solid;
        border-left-width: 0;
        border-right-width: 0;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        transition: all linear .2s;
        -webkit-transition: all linear .2s;
        -moz-transition: all linear .2s;
        -ms-transition: all linear .2s;
        -o-transition: all linear .2s;
    }
    .menu-item-wrapper:nth-child(odd) .hover-wrapper:hover .menu-item-content {
        -webkit-transform: rotate3d(-1.4, 2.6, -0.2, 25deg);
        transform: rotate3d(1.4, 3.4, .2, 25deg);
        -moz-transform: rotate3d(1.4, 3.4, .2, 25deg);
        -ms-transform: rotate3d(1.4, 3.4, .2, 25deg);
        -o-transform: rotate3d(1.4, 3.4, .2, 25deg);
        border-left-color: #b92021;
        border-left-width: 4px;
        box-shadow: 0px 25px 47px -17px rgba(0, 0, 0, 0.64)
    }
    .menu-item-wrapper:nth-child(even) .hover-wrapper:hover .menu-item-content {
        transform: rotate3d(-1.4, 2.6, -0.2, 25deg);
        -webkit-transform: rotate3d(-1.4, 2.6, -0.2, 25deg);
        -moz-transform: rotate3d(-1.4, 2.6, -0.2, 25deg);
        -ms-transform: rotate3d(-1.4, 2.6, -0.2, 25deg);
        -o-transform: rotate3d(-1.4, 2.6, -0.2, 25deg);
        border-right-width: 4px;
        box-shadow: 0px 25px 47px -17px rgba(0, 0, 0, 0.64)
    }
    /* .menu-item-wrapper:nth-child(2) .menu-item-content {
        border-right-color: #14d164;
    }
    .menu-item-wrapper:nth-child(2) .hover-wrapper:hover .menu-item-content {
        border-left-color: #0da74e
    } */
    .menu-item-wrapper:nth-child(2) .menu-item-content {
        border-right-color: #4399fb
    }
    .menu-item-wrapper:nth-child(2) .hover-wrapper:hover .menu-item-content {
        border-right-color: #c48a0d
    }
    .menu-item-wrapper:nth-child(4) .menu-item-content {
        border-color: #4399fb
    }
    .menu-item-wrapper:nth-child(4) .hover-wrapper:hover .menu-item-content {
        border-color: #3b79d3
    }
    .hover-wrapper:hover .menu-item-content .table-cell>* {}
    .nav-item .nav-item_text:hover {
        /* cursor: pointer;
        color: #cc0000;
        text-shadow: none;
        background-color: #fff;
        background-color: rgba(255, 255, 255, .9); */
    }
    .nav-item.active .nav-item_text {
        cursor: pointer;
        color: #cc0000;
        text-shadow: none;
        background-color: #fff;
        background-color: rgba(255, 255, 255, .9);
    }
    .nav-item .nav-item_text:after {
        content: '';
        position: absolute;
        bottom: 0;
        width: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        height: 2px;
        background-color: #cc0000;
        transition: .2s linear width .1s;
        -webkit-transition: .2s linear width .1s;
        -moz-transition: .2s linear width .1s;
        -ms-transition: .2s linear width .1s;
        -o-transition: .2s linear width .1s;
}
    .nav-item.active .nav-item_text:after {
        content: '';
        position: absolute;
        bottom: 0;
        width: 50%;
        left: 0;
        right: 0;
        margin: 0 auto;
        height: 2px;
        background-color: #cc0000;
    }
    .nav-item.arrow-top {
        display: none;
    }
    .head-nav-container {
        display: block !important;
    }
    /* important 防止切换的时候因为slide的原因导致dispaly为none*/
}

/* 移动 */

@media screen and (max-width: 768px) {
	.footer{
		margin-top: 20px;
	}
    .tpxw-container.swiper-container {
        height: 370px;
    }
    .tpxw-desc-wrapper {
        background-color: #fff;
        padding: 15px  0  10px 0;
    }

  .tpxw-img-wrapper{
      height: 200px;
  }
    .tpxw-desc-text {
        display: none;
    }
    .col-box-shadow {
        box-shadow: none;
    }
    .border-white-5px {
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
    }
    .column-box.swdt {
        padding: 10px 0;
        padding-bottom: 0;
    }
    [class^=bg_banner_] {
        display: none;
    }
    .friend-link-item-wrapper img {}
    .friend-link-container .swiper-slide {
   
        width: 33.3vw;
    }
    .column-container .column-content.tpxw{
        padding: 0;
        background-color: #fff;
    }
    .header {
        position: relative;
        width: 100%;
        z-index: 20;
    }
    .main {
        /* margin-top: 110px; */
    }
    .head-container .logo-text,
    .head-nav-container,
    .search-icon-wrapper .icon,
    .main-hot_link-content {
        display: none;
    }
    .head-nav-container {
        position: absolute;
        top: 70px;
        width: 100%;
        height: auto;
        background-color: #e52f30;
    }
    .head-menu-btn-wrapper {
        position: absolute;
        top: 0px;
        right: 0;
        width: 35px;
        height: 35px;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        background: url(../images/icon-menu-btn.png) no-repeat center #b92021;
    }
    .head-logo-content,
    .head-nav-content,
    .column-content,
    .select-content,
    .footer-desc,
    .breadcrumb-content {
        width: auto;
    }
    .input-wrapper {
        left: 0 !important;
        /* 移动端绝对存在 */
        right: 0;
        width: 100%;
        margin: 0 auto;
    }
    .head-container .logo-title img {
        width: 275px;
       
    }
    .logo-box {
        height: auto;
    }
    .logo {
        padding: 15px 0;
    }
    .menu-item-wrapper {
        float: left;
        width: 50%;
    }
    .footer-desc .inline-box {
        text-align: center;
    }
    /* 搜索框 */
    .search-icon-wrapper {
        margin-top: 15px;
        width: auto;
    }
    .logo-search-container .search-icon-wrapper .icon {
        height: 30px;
    }
    .search-wrapper {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
    }
    #icon-head-SH {
        display: block
    }
    #icon-head-SH>img {
        display: none;
    }
    [class^=bg_banner_] {
        width: 100%;
        height: 115px;
    }
    .nav-slide-wrapper {
        display: none !important;
    }
    .img-container {
        padding: 0;
    }
    .img-wrapper img {
        max-width: 100%
    }
    .column-content_wrapper {
        padding: 10px;
        padding-top: 0;
        background: #fff;
    }
    .news-slide {
        margin: 0 -10px;
    }
    .menu-item-wrapper {
        width: 100%;
    }
    .menu-item-content .table-middle-wrapper .text {
        font-size: 14px;
    }
    .menu-item-container {
        margin: -5px;
    }
    .menu-item-wrapper {
        padding: 5px;
    }
    .menu-item-content {
        height: 63px;
    }
    .menu-item-content img {
        width: 35px;
        height: 35px;
    }
    .menu-item-content .table-middle-wrapper .text {
        margin-top: 3px;
    }
    .menu-item-container {
        /* padding: 15px 5px 25px 5px; */
        background-color: #f0f0f0;
        margin: 0 -10px;
    }
    .column-menu-list_item {
        width: 50%;
        float: left;
        padding: 0px;
        height: 44px;
        background: none;
        border: none;
    }
    .footer-desc-container {
        background-color: #e6e6e6;
    }
    .column-container.bg-white .column-content_wrapper {
        padding: 0 10px;
    }
    .friend-link-container {
        padding-top: 20px;
    }
    .column-menu-list {
        margin-top: -20px;
    }
    .friend-link-container .swiper-slide {
        height: 70px;
    }
    .friend-link-item-wrapper {
        height: 100%;
    }
    .container .main {
        padding-bottom: 0;
    }
    .column-box-slide-box .swiper-container {
        height: 160px;
    }
    /* .padding-height {
        padding: 20px 0;
    } */
    .tpxw-desc{
        height: 110px;
    }
}